<template>
    <div class="address_list">
          <div class="address_list_header">
              <span class="iconfont title_back" @click="$router.go(-1)">&#xe697;</span>
              <div class="title_text">收货地址</div>
              <div class="create" @click="$router.push({path:'/createaddressview'})">新建</div>
         </div>
          <div class="address_list_content">
              <div class="address_list_content_item">
                  <AddressCard/>
              </div>
          </div>
      </div>
  </template>
  
<script setup>
    import AddressCard from '../components/AddressCard.vue'
</script>

<style lang="scss" scoped>
@import "../style/viriables.scss";
.address_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: $dark-bgColor;
    overflow-y: scroll;

    &_header {
        padding: .08rem .18rem;
        font-size: .16rem;
        color: $content-fontcolor;
        text-align: center;
        line-height: .24rem;
        background-color: $bgColor;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
    }

    &_content {
        margin-top: .58rem;
    }
}
</style>